<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/css/common.css}" />
    <link rel="stylesheet" th:href="@{/css/index.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}"/>
    <title>中食链-注册</title>
</head>
<body>
    <div class="applyAlert clear publicWrap">
        <!--<div class="pubLogo">-->
            <!--<img th:src="@{/img/Group.png}" alt="" />-->
        <!--</div>-->
        <div class="Aright">
            <h1>申请</h1>
            <form id="form-data" th:action="@{/register/register}" th:object="${register}" method="post">
                <!--<div class="telDiv">-->
                    <input type="tel" th:field="*{userName}" placeholder="请输入手机号" />
                    <!--<input class="generate_code" style="vertical-align: bottom;" type="button" id="sendRegisterCode" onclick="sendCode(this);" value="获取手机验证码" />-->
                <!--</div>-->
                <!--<input class="pic-text" type="text" th:field="*{imgCode}" />-->
                <!--<span class="pic-span">-->
                    <!--<img id="imgValidateCode" alt="validate" class="login-img" onclick="changeCode()" th:src="@{/validate/imageCode}">-->
                <!--</span>-->
                <!--<input type="text" th:field="*{smsCode}" placeholder="输入验证码" />-->
                <input type="password" th:field="*{passWord}" placeholder="请输入您的密码"/>
                <input type="password" th:field="*{reviewPassWord}" placeholder="确认密码"/>
                <div class="error_msg" th:text="${msg}"></div>
                <a href="javascript:void(0);" id="form-submit" class="aNext">注册</a>
                <!--<button type="button" id="form-submit">下一步</button>-->
                <div class="aLink">已有账号，<a class="goLogin" th:href="@{/}">去登录</a></div>
            </form>
            <!--<form id="form-id" th:action="@{/register/toRegisterVerify}" th:object="${register}" method="post">-->
                <!--<input type="hidden" id="userId" th:name="userId" />-->
            <!--</form>-->
        </div>
    </div>
    <div class="loginWrap">
        <img th:src="@{/img/login-bg.png}"/>
    </div>


<script th:src="@{/js/jquery.min.js}" ></script>
<script>

    var basePath = [[@{/}]];

    // 更换图片验证码
//    function changeCode(){
//        $("#imgValidateCode").attr("src", basePath + "validate/imageCode?t=" + new Date().getTime());
//    }

    // 填写图形验证码，正确(可点击发送邮箱验证码)，错误(不可点击)
//    $("#imgCode").bind("keyup", function() {
//        var imgCode = $("#imgCode").val();
//        if($.trim(imgCode).length == 4) {
//            $.post(basePath + "register/checkValidationCode",{validationCode:imgCode}, function(data){
//                data = eval("(" + data + ")");
//                if(data.success) {
//                    $(".error_msg").html("");
//                    $("#sendRegisterCode").attr("disabled",false);
//                } else {
//                    $(".error_msg").html("*验证码输入错误,请重新输入!");
//                    $("#sendRegisterCode").attr("disabled",true);
//                }
//            }, "text");
//        } else {
//            $("#sendRegisterCode").attr("disabled",true);
//        }
//    });

    // 检验图形验证码
//    $("#imgCode").bind("blur", function() {
//        $("#imgCode_").html("");
//        var validationCode = $("#imgCode").val();
//        if($.trim(validationCode).length != 4) {
//            $(".error_msg").html("*验证码输入错误,请重新输入!");
//            $("#sendRegisterCode").attr("disabled",true);
//        }
//    });

    // 发送 验证码
//    function sendCode(obj) {
//        var isFlag = true;
//        if($.trim($("#userName").val()).length == 0) {
//            $(".error_msg").html("*请输入正确的用户名!");
//            isFlag = false;
//        }
//
//        if($.trim($("#imgCode").val()).length == 0) {
//            $(".error_msg").html("*请先输入图形验证码!");
//            isFlag = false;
//        }
//
//        var userName = $("#userName").val();
//
//        $.ajaxSetup({
//            async: false
//        });
//        $.post(basePath + "/register/checkUserNameByRegister",{userName:userName}, function(data){
//            data = eval("(" + data + ")");
//            if(data.success) {
//                if (Misc.isPhone($("#userName").val())) {
//                    $(".error_msg").html("*手机号码已存在!");
//                }
//                isFlag = false;
//            }
//        }, "text");
//
//        if(isFlag) {
//            $.post(basePath + "/validate/sendCodeByUserName",{userName:userName}, function(data){
//                data = eval("(" + data + ")");
//                if(data.success) {
//                    $(".error_msg").html("*请查看验证码!");
//                    settime(obj);
//                } else {
//                    $(".error_msg").html(data.message);
//                }
//            }, "text");
//        }
//    }

//    var countdown=60;
//    function settime(obj) {
//        if (countdown == 0) {
//            obj.removeAttribute("disabled");
//            obj.removeAttribute("class");
//            obj.value = "获取验证码";
//            countdown = 60;
//            return;
//        } else {
//            obj.setAttribute("disabled", true);
//            obj.setAttribute("class", "bg-btn2");
//            obj.value = "重新发送(" + countdown + ")";
//            countdown--;
//        }
//        setTimeout(function () {
//            settime(obj)
//        }, 1000)
//    }

    function openAgreement() {
        window.open(basePath + "/register/agreement");
    }

    /*// 同意协议
    function send() {
        var checked = $("#agree").is(":checked");
        checked ? $("#form-submit").removeAttr("disabled") : $("#sub").attr("disabled", true);
//        checked ? $("#form-submit").attr("class", "sub") : $("#sub").attr("class", "bg-btn1");
    }*/

    $(function(){
        $("#form-submit").on("click", function () {
            let userName = $.trim($("#userName").val());
            let passWord = $.trim($("#passWord").val());
            let reviewPassWord = $.trim($("#reviewPassWord").val());

            if (passWord != reviewPassWord) {
                $(".error_msg").html("两次密码输入不一样，请检查！");
                return;
            }

            /*var checked = $("#agree").is(":checked");
            checked ? $("#form-submit").removeAttr("disabled") : $("#sub").attr("disabled", true);
            if (checked != true) {
                $(".error_msg").html("请阅读注册协议并勾选！");
                return;
            }*/

            $.ajax({
                url: basePath + '/register/register',
                data: $("#form-data").serialize(),
                dataType: "json",
                type: 'POST',
                success: function(data) {
                    if (data.success) {
//                        $("#userId").val(data.data.userId);
//                        $("#form-id").submit();
                        $(location).attr('href', basePath);
                    } else {
                        $(".error_msg").html(data.message);
                    }
                }
            });
        })
    });
</script>
</body>
</html>